<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Simplify Admin</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Bootstrap core CSS -->
	<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">

	<!-- Font Awesome -->
	<link href="/css/font-awesome.min.css" rel="stylesheet">

	<!-- ionicons -->
	<link href="/css/ionicons.min.css" rel="stylesheet">

	<!-- Morris -->
	<link href="/css/morris.css" rel="stylesheet"/>

	<!-- Datepicker -->
	<link href="/css/datepicker.css" rel="stylesheet"/>

	<!-- Animate -->
	<link href="/css/animate.min.css" rel="stylesheet">

	<!-- Owl Carousel -->
	<link href="/css/owl.carousel.min.css" rel="stylesheet">
	<link href="/css/owl.theme.default.min.css" rel="stylesheet">

	<!-- Simplify -->
	<link href="/css/simplify.min.css" rel="stylesheet">

</head>

<body class="overflow-hidden">
<div class="wrapper preload">
	<div class="sidebar-right">
		<div class="sidebar-inner scrollable-sidebar">
			<div class="sidebar-header clearfix">
				<input class="form-control dark-input" placeholder="Search" type="text">
				<div class="btn-group pull-right">
					<a href="#" class="sidebar-setting" data-toggle="dropdown"><i class="fa fa-cog fa-lg"></i></a>
					<ul class="dropdown-menu pull-right flipInV">
						<li><a href="#"><i class="fa fa-circle text-danger"></i><span class="m-left-xs">Busy</span></a></li>
						<li><a href="#"><i class="fa fa-circle-o"></i><span class="m-left-xs">Turn Off Chat</span></a></li>
					</ul>
				</div>
			</div>
			<div class="title-block">
				Group Chat
			</div>
			<div class="content-block">
				<ul class="sidebar-list">
					<li>
						<a href="#">
							<i class="fa fa-circle-o text-success"></i><span class="m-left-xs">Close Friends</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-circle-o text-success"></i><span class="m-left-xs">Business</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="title-block">
				Favorites
			</div>
			<div class="content-block">
				<ul class="sidebar-list">
					<li>
						<a href="#" class="clearfix">
							<img src="/images/profile/profile2.jpg" class="img-circle" alt="user avatar">
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									Where are you?
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-success"></i>
							</div>
							<div class="chat-alert">
								<span class="badge badge-purple bounceIn animation-delay2">2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/images/profile/profile3.jpg" class="img-circle" alt="user avatar">
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									Jane Doe
								</div>
								<div class="chat-message">
									Hello
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-success"></i>
							</div>
							<div class="chat-alert">
								<span class="badge badge-info bounceIn animation-delay2">1</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/images/profile/profile4.jpg" class="img-circle" alt="user avatar">
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									See you again next week.
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-danger"></i>
							</div>
							<div class="chat-alert">
								<i class="fa fa-check text-success"></i>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/images/profile/profile5.jpg" class="img-circle" alt="user avatar">
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									Hello, Are you there?
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-danger"></i>
							</div>
							<div class="chat-alert">
								<i class="fa fa-reply"></i>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="title-block">
				More friends
			</div>
			<div class="content-block">
				<ul class="sidebar-list">
					<li>
						<a href="#" class="clearfix">
							<img src="/images/profile/profile6.jpg" class="img-circle" alt="user avatar">
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									Where are you?
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-success"></i>
							</div>
							<div class="chat-alert">
								<span class="badge badge-success bounceIn animation-delay2">2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/images/profile/profile7.jpg" class="img-circle" alt="user avatar">
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									Jane Doe
								</div>
								<div class="chat-message">
									Hello
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-success"></i>
							</div>
							<div class="chat-alert">
								<span class="badge badge-danger bounceIn animation-delay2">1</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/images/profile/profile8.jpg" class="img-circle" alt="user avatar">
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									See you again next week.
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-danger"></i>
							</div>
							<div class="chat-alert">
								<i class="fa fa-check text-success"></i>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/images/profile/profile9.jpg" class="img-circle" alt="user avatar">
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									Hello, Are you there?
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-danger"></i>
							</div>
							<div class="chat-alert">
								<i class="fa fa-reply"></i>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div><!-- sidebar-inner -->
	</div><!-- sidebar-right -->
	<header class="top-nav">
		<div class="top-nav-inner">
			<div class="nav-header">
				<button type="button" class="navbar-toggle pull-left sidebar-toggle" id="sidebarToggleSM">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>

				<ul class="nav-notification pull-right">
					<li>
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cog fa-lg"></i></a>
						<span class="badge badge-danger bounceIn">1</span>
						<ul class="dropdown-menu dropdown-sm pull-right user-dropdown">
							<li class="user-avatar">
								<img src="/images/profile/profile1.jpg" alt="" class="img-circle">
								<div class="user-content">
									<h5 class="no-m-bottom">Jane Doe</h5>
									<div class="m-top-xs">
										<a href="profile.html" class="m-right-sm">Profile</a>
										<a href="signin.html">Log out</a>
									</div>
								</div>
							</li>
							<li>
								<a href="inbox.html">
									Inbox
									<span class="badge badge-danger bounceIn animation-delay2 pull-right">1</span>
								</a>
							</li>
							<li>
								<a href="#">
									Notification
									<span class="badge badge-purple bounceIn animation-delay3 pull-right">2</span>
								</a>
							</li>
							<li>
								<a href="#" class="sidebarRight-toggle">
									Message
									<span class="badge badge-success bounceIn animation-delay4 pull-right">7</span>
								</a>
							</li>
							<li class="divider"></li>
							<li>
								<a href="#">Setting</a>
							</li>
						</ul>
					</li>
				</ul>

				<a href="/home/index" class="brand">
					<span class="brand-name">校园管理系统</span>
				</a>
			</div>
			<div class="nav-container">
				<button type="button" class="navbar-toggle pull-left sidebar-toggle" id="sidebarToggleLG">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<div class="pull-right m-right-sm">
					<div class="user-block hidden-xs">
						<a href="#" id="userToggle" data-toggle="dropdown">
							<img src="/images/profile/profile1.jpg" alt="" class="img-circle inline-block user-profile-pic">
							<div class="user-detail inline-block">
								Jane Doe
								<i class="fa fa-angle-down"></i>
							</div>
						</a>
						<div class="panel border dropdown-menu user-panel">
							<div class="panel-body paddingTB-sm">
								<ul>
									<li>
										<a href="profile.html">
											<i class="fa fa-edit fa-lg"></i><span class="m-left-xs">My Profile</span>
										</a>
									</li>
									<li>
										<a href="inbox.html">
											<i class="fa fa-inbox fa-lg"></i><span class="m-left-xs">Inboxes</span>
											<span class="badge badge-danger bounceIn animation-delay3">2</span>
										</a>
									</li>
									<li>
										<a href="signin.html">
											<i class="fa fa-power-off fa-lg"></i><span class="m-left-xs">Sign out</span>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div><!-- ./top-nav-inner -->
	</header>


	<!-- content start -->
	{{{block ("body")}}}
	<!-- content end -->

	<footer class="footer">
				<span class="footer-brand">
					<strong class="text-danger">Simplify</strong> Admin
				</span>
		<p class="no-margin">
			&copy; 2014 <strong>Simplify Admin</strong>. ALL Rights Reserved.
		</p>
	</footer>
</div><!-- /wrapper -->

<a href="#" class="scroll-to-top hidden-print"><i class="fa fa-chevron-up fa-lg"></i></a>

<!-- Delete Widget Confirmation -->
<div class="custom-popup delete-widget-popup delete-confirmation-popup" id="deleteWidgetConfirm">
	<div class="popup-header text-center">
				<span class="fa-stack fa-4x">
				  <i class="fa fa-circle fa-stack-2x"></i>
				  <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
				</span>
	</div>
	<div class="popup-body text-center">
		<h5>Are you sure to delete this widget?</h5>
		<strong class="block m-top-xs"><i class="fa fa-exclamation-circle m-right-xs text-danger"></i>This action cannot be undone</strong>

		<div class="text-center m-top-lg">
			<a class="btn btn-success m-right-sm remove-widget-btn">Delete</a>
			<a class="btn btn-default deleteWidgetConfirm_close">Cancel</a>
		</div>
	</div>
</div>


<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<!-- Jquery -->
<script src="/js/jquery-1.11.1.min.js"></script>

<!-- Bootstrap -->
<script src="/bootstrap/js/bootstrap.min.js"></script>


<!-- Slimscroll -->
<script src='/js/jquery.slimscroll.min.js'></script>

<!-- Morris -->
<script src='/js/rapheal.min.js'></script>
<script src='/js/morris.min.js'></script>

<!-- Datepicker -->
<script src='/js/uncompressed/datepicker.js'></script>

<!-- Sparkline -->
<script src='/js/sparkline.min.js'></script>

<!-- Skycons -->
<script src='/js/uncompressed/skycons.js'></script>

<!-- Popup Overlay -->
<script src='/js/jquery.popupoverlay.min.js'></script>

<!-- Easy Pie Chart -->
<script src='/js/jquery.easypiechart.min.js'></script>

<!-- Sortable -->
<script src='/js/uncompressed/jquery.sortable.js'></script>

<!-- Owl Carousel -->
<script src='/js/owl.carousel.min.js'></script>

<!-- Modernizr -->
<script src='/js/modernizr.min.js'></script>

<!-- Simplify -->
<script src="/js/simplify/simplify.js"></script>


<script>
    $(function()	{
        $('.chart').easyPieChart({
            easing: 'easeOutBounce',
            size: '140',
            lineWidth: '7',
            barColor: '#7266ba',
            onStep: function(from, to, percent) {
                $(this.el).find('.percent').text(Math.round(percent));
            }
        });

        $('.sortable-list').sortable();

        $('.todo-checkbox').click(function()	{

            var _activeCheckbox = $(this).find('input[type="checkbox"]');

            if(_activeCheckbox.is(':checked'))	{
                $(this).parent().addClass('selected');
            }
            else	{
                $(this).parent().removeClass('selected');
            }

        });

        //Delete Widget Confirmation
        $('#deleteWidgetConfirm').popup({
            vertical: 'top',
            pagecontainer: '.container',
            transition: 'all 0.3s'
        });
    });

</script>

</body>
</html>
